@charset "utf8";
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul li {
    list-style-type: none;
}

#menu {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#menu li {
    height: 24px;
    padding: 6px 12px;
    border: 1px solid #e8e8e8;
}

#menu li:hover {
    background-color: blueviolet;
}

#menu li a {
    text-decoration: none;
}

#menu li a:hover {
    color: #FFFFFF;
}


#searchForm {
    width: 100%;
    display: flex;
}

#searchForm input[type="text"] {
    width: 95%;
    height: 28px;
    /*padding: 4px 2px;*/
    border-radius: 12px;
    text-indent: 0.5em;
    border-color: #F00;

}

#searchForm input[type='submit'] {
    width: 5%;
    border: none;
    background: #F00;
    color: #FFFFFF;
    border-radius: 12px;
}